<template>
  <div class="custom-head-dropdown">
    <a-dropdown overlayClassName="language-dropdown">
      <div class="language">
        <a-icon type="global"/>
      </div>
      <a-menu slot="overlay">
        <a-menu-item>
          <span>🇨🇳</span> 简体中文
        </a-menu-item>
        <a-menu-item>
          <span>🇺🇸</span> English
        </a-menu-item>
      </a-menu>
    </a-dropdown>
  </div>
</template>

<script>
export default {
  name: "AvatarDropdown"
}
</script>

<style lang="stylus">
.custom-head-dropdown {

}

.language-dropdown {
  .ant-dropdown-menu-item {
    min-width: 160px;
    padding: 6px 12px;
  }
}
</style>